 {include file="public/head" /}
 <meta charset="utf-8">
 <style>
 .recharge-all > span{margin-right:20px;}
 </style>
<body>
	<nav class="breadcrumb">
		<span class="breadcrumb-item">用户财务</span> <span
			class="breadcrumb-item">充币记录</span>
	</nav>
	<div id="box" v-cloak>
		<div class="info-title">筛选查询</div>
		<form class="form-inline input-group-sm">
			<label>用户账号</label><input type="text" placeholder="请输入用户账号" name="mobile" v-model="mobile" class="form-control search-input">
			<label>充币时间</label><input name="start_time" type="datetime-local" v-model="start_time" placeholder="请输入用户手机号" class="form-control search-input">
			至<input name="end_time" type="datetime-local" v-model="end_time" placeholder="请输入用户手机号" class="form-control search-input">
			<button class="btn btn-primary btn-sm">查询</button>
		</form>
		<div class="info-title">充币汇总</div>
		<div class="recharge-all">
			<span>USDT</span>
			<span>历史：{$recharge_all}</span>
			<span>当日：{$recharge_day}</span>
		</div>
		<div class="info-title">充币列表</div>
		<table class="table table-sm table-bordered">
			<tr>
				<th width="50px">#</th>
				<th>充值用户</th>
				<th>充值币种</th>
				<th>充值数量</th>
				<th>充币地址</th>
				<th>状态</th>
				<th>提交时间</th>
				<th>审核时间</th>
			</tr>
			<tr v-for="(item,key) in list.data">
				<td widtd="50px">{{key + 1}}</td>
				<td>{{item.user_id.user_name}}</td>
				<td>{{item.coin_id.name}}</td>
				<td>{{item.num}}</td>
				<td>{{item.address}}</td>
				<td>
					<span class="badge badge-primary" v-if="item.state == 0">审核中</span>
					<span class="badge badge-success" v-if="item.state == 1">已同意</span>
					<span class="badge badge-danger" v-if="item.state == 2">已拒绝</span>
				</td>
				<td>{{item.create_time}}</td>
				<td>{{item.update_time}}</td>
			</tr>
		</table>
		<div class="page-box">
			<div>{$page}</div>
		</div>
	</div>
</body>
<script>
new Vue({
	el:"#box",
	data:{
		mobile : '{$mobile}',
		start_time : '{$start_time}',
		end_time : '{$end_time}',
		list:{$list | json_encode}
	},
	mounted:function(){
	},
	methods:{
	}
});
</script>
</html>